<template>
  <S-icon
    @click="toggle"
    :class="['cursor-pointer', iconClass]"
    :icon="!isFullscreen ? 'ix:full-screen' : 'ic:baseline-fullscreen-exit'"
  />
</template>

<script setup lang="ts">
const { isFullscreen, toggle } = useFullscreen();

defineProps({
  iconClass: {
    type: String,
    default: "text-xl",
  },
});
</script>
